<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:jsf="http://xmlns.jcp.org/jsf"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">

    <div>
        <p:panel header="Envio de mesajeria" style="border:none;">
            <!-- contenido WEB -->
            <p:separator/>
            <h:form>
                <p:inputTextarea style="width: 250px; height: 150px" label="Emails"
                                 value="#{eMailBean.mailsForSend}" required="true"
                                 autoResize="false" placeholder="Correos separados por Enter."/>

                <p:separator />

                <h:panelGrid columns="2">
                    <p:inputText size="60"  placeholder="Título del mensaje" 
                                 required="true" value="#{eMailBean.titleMessage}"
                                 requiredMessage="Falta ingresar el título del mensaje..."/>
                    <p:commandButton value="Enviar" 
                                     action="#{eMailBean.sendEmailCustom()}"
                                     icon="fa fa-envelope"/>
                </h:panelGrid>

                <p:separator />
                <p:editor id="editor" value="#{eMailBean.contentEmail}"
                          style="width: 100%" required="true" requiredMessage="Falta un Contenido para el mensaje"/>
            </h:form>
            <p:separator/>

        </p:panel>
    </div>
</ui:composition>

